/**
 * total_views
 * @author Brant Liu
 * @email lbf1988@qq.com
 * @date 2019/9/27
 * @version 1.0.0
 */
layui.define(['chart'], function(exports){
    'use strict';

    var option = {
        grid: {
            top: '10%',
            right: '10%',
            left: '3%',
            bottom: '20%'
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
            axisLabel: {
                margin: 30,
                color: '#333'
            },
            axisLine: {
                lineStyle: {
                    color: '#666',
                    width: 1
                }
            },
            axisTick: {
                show: true,
                length: 25,
                lineStyle: {
                    color: "#ffffff1f"
                }
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#ffffff1f'
                }
            }
        },
        yAxis: [{
            type: 'value',
            position: 'right',
            axisLabel: {
                margin: 20,
                color: '#333'
            },

            axisTick: {
                show: true,
                length: 15,
                lineStyle: {
                    color: "#ffffff1f",
                }
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#ffffff1f'
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#666',
                    width: 2
                }
            }
        }],
        series: [{
            name: '注册总量',
            type: 'line',
            smooth: true, //是否平滑曲线显示
            showAllSymbol: true,
            symbol: 'circle',
            symbolSize: 6,
            lineStyle: {
                normal: {
                    color: "#46c73c", // 线条颜色
                },
            },
            label: {
                show: true,
                position: 'top',
                textStyle: {
                    color: '#096dd9',
                }
            },
            itemStyle: {
                color: "#46c73c",
                borderColor: "#46c73c",
                borderWidth: 3
            },
            tooltip: {
                show: false
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: '#096dd9'
                    },
                        {
                            offset: 1,
                            color: '#096dd90d'
                        }
                    ], false)
                }
            },
            data: [393, 438, 485, 631, 689, 824, 1087]
        }]
    };

    exports('total_views', option);
});